<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper-3.2.7.min.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
	<!-- 首页 -->
	<div class="index landing">

		<div class="header-top-return" title="头部返回">
			<a class="return-a" href="javascript:history.back(-1)">
				<h1>漫画</h1>
			</a>
		</div>

		<div class="header-tab" title="顶部切换">
			<div class="tab-title">
				<a class="select" href="index.html">推荐</a>
				<a href="classify.html">分类</a>
			</div>
			<div class="search">
				<a href="javascript:;" title="搜索"></a>
			</div>
		</div>

		<div class="banner" title="轮播">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="javascript:;"><img src="images/banner_01.jpg" alt="图片加载错误"></a>
					</div>
					<div class="swiper-slide">
						<a href="javascript:;"><img src="images/banner_01.jpg" alt="图片加载错误"></a>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
		
		<div class="more-link" title="广告">
			<div class="advertisement">
				<i></i>
				<div class="txtMarquee-left">
					<div class="bd">
						<ul class="infoList">
							<li>国庆大放送，国庆大优惠1</li>
							<li>国庆大放送，国庆大优惠2</li>
							<li>国庆大放送，国庆大优惠3</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="link-ul">
				<ul class="clearfix">
					<li>
						<a href="javascript:;">
							<img src="images/link_btn_01.png">
							<span>免费榜</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/link_btn_02.png">
							<span>畅销榜</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/link_btn_03.png">
							<span>新作榜</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/link_btn_04.png">
							<span>畅读包</span>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="recommend-link-box" title="推荐视频">
			<div class="video-link">
				<div class="title-h1">
					<i class="icon"><img src="images/r_icon_01.png"></i>
					<h1>精品推荐</h1>
					<a class="more-a" href="recommend.html" title="更多 >">更多 ></a>
				</div>
				<div class="video-link-inf">
					<ul class="clearfix">
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>

			<div class="video-link">
				<div class="title-h1">
					<i class="icon"><img src="images/r_icon_02.png"></i>
					<h1>热门必看</h1>
					<a class="more-a" href="javascript:;" title="更多 >">更多 ></a>
				</div>
				<div class="video-link-inf">
					<ul class="clearfix">
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>

			<div class="video-link">
				<div class="title-h1">
					<i class="icon"><img src="images/r_icon_03.png"></i>
					<h1>近期追番</h1>
					<a class="more-a" href="javascript:;" title="更多 >">更多 ></a>
				</div>
				<div class="video-link-inf">
					<ul class="clearfix">
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>

			<div class="video-link">
				<div class="title-h1">
					<i class="icon"><img src="images/r_icon_03.png"></i>
					<h1>近期追番</h1>
					<a class="more-a" href="javascript:;" title="更多 >">更多 ></a>
				</div>
				<div class="video-link-inf">
					<div class="big-link">
						<dl>
							<dt>
								<img src="images/other/img_04.png">
								<span>更新至72话</span>
							</dt>
							<dd>
								<h4>恋爱练习生</h4>
								<p>青春  校园  恋爱</p>
							</dd>
						</dl>
					</div>
					<ul class="clearfix">
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><img src="images/other/img_01.png"><span>更新至72话</span></dt>
								<dd>
									<h4>恋爱练习生</h4>
									<p>青春  校园  恋爱</p>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="footer" title="公共部分尾部">
			<ul>
				<li class="on"><a href="index.html" title="首页">首页</a></li>
				<li><a href="classify.html" title="分类">分类</a></li>
				<li><a href="history.html" title="历史">历史</a></li>
				<li><a href="my.html" title="我的">我的</a></li>
			</ul>
		</div>
	</div>


	<script src="js/layer.js"></script>
	<script src="js/public.js"></script>
</body>
</html>